<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
  FB.init({
    appId      : '632915023441526',
    status     : true, // check login status
    cookie     : true, // enable cookies to allow the server to access the session
    xfbml      : true  // parse XFBML
  });

  // Here we subscribe to the auth.authResponseChange JavaScript event. This event is fired
  // for any authentication related change, such as login, logout or session refresh. This means that
  // whenever someone who was previously logged out tries to log in again, the correct case below 
  // will be handled. 
  FB.Event.subscribe('auth.authResponseChange', function(response) {
    // Here we specify what we do with the response anytime this event occurs. 
    if (response.status === 'connected') {
      //si ya esta conectado procede con la funcion testAPI();
      testAPI();
    } else if (response.status === 'not_authorized') {
      //si no esta autorizado, es decir esta conectado a fb pero no ha concedido los permisos para la aplicacion
      //se ejecuta el metodo login(). para que ingrese sus credenciales
      FB.login();
    } else {
      //si no esta autorizado, ni conectado al fb
      //se ejecuta el metodo login(). para que ingrese sus credenciales
      FB.login();
    }
  });
  };

  // Load the SDK asynchronously
  (function(d){
   var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement('script'); js.id = id; js.async = true;
   js.src = "//connect.facebook.net/en_US/all.js";
   ref.parentNode.insertBefore(js, ref);
  }(document));

  //Aqui definimos las acciones a realizar cuando ya esta logueado
  function testAPI() {
    
    //obtenemos los datos en el objeto response
    FB.api('/me', function(response) {
      console.log('Hola, ' + response.name + '.');
    });
  }
</script>

<!--
  Below we include the Login Button social plugin. This button uses the JavaScript SDK to
  present a graphical Login button that triggers the FB.login() function when clicked. -->
<p>Inicie sesion con Feisbuk</p>
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>